* {
	margin: 0;
	padding-top: 0;
}

body {
	width: 100%;
	min-width:1200px;
	
}

img {
	width: 100%;
}

/*logo*/

.product-header-content {
	width: 100%;
	background-color: #f7f7f7;
}

.logo {
	display: inline-block;
    vertical-align: middle;
    width: 30%;
}

.logoRight {
	display: inline-block;
    vertical-align: middle;
    width: 69%;
}

.datalist{  
    border:1px solid #0058a3;   /* 表格边框 */  
    font-family:Arial;  
    border-collapse:collapse;   /* 边框重叠 */  
    background-color: #eaf5ff;   /* 表格背景色 */  
    font-size: 14px;
    margin: 0 auto;  /* 表格居中 */  
} 

.buttonlist {
	width: 60%;
    margin: 0 auto;
}

.title {  
	 padding-left: 40%;
	 padding-right: 12px;  
} 
 
.datalist caption{  
    padding-bottom:5px;  
    font:bold 1.4em;  
    text-align:left;  
} 

.datalist tr {
	text-align: center;
} 

.datalist th{  
    border: 1px solid #0058a3;   /* 行名称边框 */  
    background-color: #4bacff;   /* 行名称背景色 */  
    color: #FFFFFF;              /* 行名称颜色 */  
    font-weight: bold;  
    padding-top: 4px; 
    padding-bottom: 4px;  
    padding-left: 12px; 
    padding-right: 12px;  
    text-align: center;  
}  
.datalist td{  
    border: 1px solid #0058a3;   /* 单元格边框 */  
    text-align: center;  
    padding-top: 4px;
    padding-bottom: 4px;  
    padding-left: 10px;
    padding-right: 10px;  
}  
.datalist tr.altrow{  
    background-color:#c7e5ff;   /* 隔行变色 */  
}  
.datalist tr:hover, .datalist tr.altrow{
 background-color:#c4e4ff; /* 动态变色 */
}

.btn4 {
	display: inline-block;
    box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
	background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);
	background: -moz-linear-gradient(top,#42a4e0,#2e88c0);
	background: linear-gradient(top,#42a4e0,#2e88c0);
    width: 47%;
    height: 20px;
    border: 0 solid #1e7db9;
 	color: #fff;
    font-size: 12px;
    margin-top: 10px;
}

.btn4:hover {
    background: #99DD00;
}

.btn5 {
	display: inline-block;
    box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
	background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);
	background: -moz-linear-gradient(top,#42a4e0,#2e88c0);
	background: linear-gradient(top,#42a4e0,#2e88c0);
    width: 47%;
    height: 20px;
    border: 0 solid #1e7db9;
 	color: #fff;
    font-size: 12px;
    margin-top: 10px;
}

.btn5:hover {
    background: #FF0000;
}

.btn6 {
	display: inline-block;
    box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
	background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);
	background: -moz-linear-gradient(top,#42a4e0,#2e88c0);
	background: linear-gradient(top,#42a4e0,#2e88c0);
    width: 41px;
    height: 20px;
    border: 0 solid #1e7db9;
 	color: #fff;
    font-size: 10px;
    margin-top: 10px;
}

.btn6:hover {
    background: #f47c20;
}

.btn7 {
	display: inline-block;
    box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
	background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);
	background: -moz-linear-gradient(top,#42a4e0,#2e88c0);
	background: linear-gradient(top,#42a4e0,#2e88c0);
    width: 41px;
    height: 20px;
    border: 0 solid #1e7db9;
 	color: #fff;
    font-size: 10px;
    margin-top: 10px;
}

.btn7:hover {
    background: #f47c20;
}

